<template>
    <div class="hotshow_container">
        <div class="amuse_head">
            <span class="el-icon-arrow-left" @click="back"></span><h1>影院热映</h1>
        </div>
        <div class="movie_list">
            <ul>
                <img src="../../assets/images/79.gif" alt="">
                <li>
                    <h1>速度与激情8</h1>
                    <p>导演:加力-格雷</p>
                    <p>主演:范·迪塞尔/道恩·强森</p>
                    <p>标签:<el-tag>美国</el-tag><el-tag>犯罪</el-tag><el-tag>动作</el-tag></p>
                    <p>评论数:1231231</p>
                </li>
            </ul>
            <ul>
                <img src="../../assets/images/79.gif" alt="">
                <li>
                    <h1>速度与激情8</h1>
                    <p>导演:加力-格雷</p>
                    <p>主演:范·迪塞尔/道恩·强森</p>
                    <p>标签:<el-tag>美国</el-tag><el-tag>犯罪</el-tag><el-tag>动作</el-tag></p>
                    <p>评论数:1231231</p>
                </li>
            </ul>
            <ul>
                <img src="../../assets/images/79.gif" alt="">
                <li>
                    <h1>速度与激情8</h1>
                    <p>导演:加力-格雷</p>
                    <p>主演:范·迪塞尔/道恩·强森</p>
                    <p>标签:<el-tag>美国</el-tag><el-tag>犯罪</el-tag><el-tag>动作</el-tag></p>
                    <p>评论数:1231231</p>
                </li>
            </ul>
            <ul>
                <img src="../../assets/images/79.gif" alt="">
                <li>
                    <h1>速度与激情8</h1>
                    <p>导演:加力-格雷</p>
                    <p>主演:范·迪塞尔/道恩·强森</p>
                    <p>标签:<el-tag>美国</el-tag><el-tag>犯罪</el-tag><el-tag>动作</el-tag></p>
                    <p>评论数:1231231</p>
                </li>
            </ul>
        </div>
    </div>
</template>
<script>
    export default{
        name:'hotshow',
        data(){
            return{

            }
        },
        methods:{
            back(){
                this.$router.go(-1);
            }
        }
    }
</script>
<style lang="less" scoped>
@rem:35rem;
.amuse_head{
    overflow:hidden;
    font-size:16/@rem;
    padding:10/@rem;
    background:#fff;
    h1{
        text-align:center;
    }
    span{
        float:left;
        font-size:20/@rem;
    }

}  
.movie_list{
    
    
    padding:0 10/@rem;
    ul{
        margin-top:20/@rem;
        overflow:hidden;
        border-bottom:3/@rem solid #ddd;
        padding-bottom:10/@rem;
    }
    img{
        width:70/@rem;
        height:100/@rem;
        float:left;
    }
    li{ 
        margin-left:10/@rem;
        float:left;
        line-height:20/@rem;
        
    }
}  
</style>